<!DOCTYPE html>
<html>
<head>
	<title>公共样式1-6</title>
	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/pubulic_wrap.css">
	<link rel="stylesheet" type="text/css" href="../css/yoga.css">
	<script src="../front_js/jquery.min.js"></script>
</head>
<body>
	<!--第一张内容第一个模块 -->
	<!-- <div class="upcoming public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="upcoming-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
				<div class="team flexbox">

				</div>
			</div>
		</div>
	</div> -->
	<!-- 第二个模块 -->
	<div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			</div>
		</div>
		<div class="home-class pub-wrap-all">
				<ul class="ourclass flexbox content2">
					<li  class='ourclass-li'>
						<div>
							<img src="im/Layer 680.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
									<div class="teach-pic">
										<img class="teach" src="../im/teacher.png">
									</div>
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="class-time home-y-words">
										06:30pm - 07:45pm
									</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
						<div>
							<img src="im/Layer 680.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
									<div class="teach-pic">
										<img class="teach" src="../im/teacher.png">
									</div>
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="class-time home-y-words">
										06:30pm - 07:45pm
									</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
							<div>
								<img src="im/Layer 680.png">
							</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
									<div class="teach-pic">
										<img class="teach" src="../im/teacher.png">
									</div>
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="class-time home-y-words">
										06:30pm - 07:45pm
									</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
							<div>
								<img src="im/Layer 680.png">
							</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
									<div class="teach-pic">
										<img class="teach" src="../im/teacher.png">
									</div>
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="class-time home-y-words">
										06:30pm - 07:45pm
									</p>
								</div>
							</a>
					</li>
				</ul>
				<a href="#" class="book-class-bc btn-a btn button-bc border2">book class</a>
		</div>
	</div>
	<!-- 第三个模板 (大概4个页面)-->
	<!-- <div class="home-y-s-bc public_wrap content2">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Sed quis ultricies sapien, et bibendum ligula. Nam consequat velit orci, posuere volutpat quam viverra sit amet. Phasellus tempor diam non nunc hendrerit lobortis consectetur at dui. Fusce varius velit eu mauris placerat vulputate.</p>
				</div>
			</div>
		</div>
		<div class="pub-wrap-all ">
			<ul class=" ourclass flexbox content">
				<li>
					<div class="instructors">
					<img src="im/Layer 680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				<li>
					<div class="instructors">
					<img src="im/Layer 680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				<li>
					<div class="instructors">
					<img src="im/Layer 680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
				<li>
					<div class="instructors">
					<img src="im/Layer 680.png">
					</div>
					<a href="#">
						<div class="ourclass-details">
							<p class="class-name home-y-words">Mindful Resilience</p>
							<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							<ol class="ins-ol">
								<li class="facebook">	
								</li>
								<li class="picture facebook">
								</li>
								<li class="youtobe facebook">
								</li>
							</ol>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<img class="index-prev" id="pre" src="im/arrow right copy 2.png">
		<img class="index-next" id="next" src="im/arrow right.png">
	</div> -->
	<!-- 模板 有版心-->
	<!-- <div class="home-y-cards-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Sed quis ultricies sapien, et bibendum ligula. Nam consequat velit orci, posuere volutpat quam viverra sit amet. Phasellus tempor diam non nunc hendrerit lobortis consectetur at dui. Fusce varius velit eu mauris placerat vulputate.</p>
				</div>
			</div>
		</div>
		<div class="pub-wrap-all">
			<ul class="cards-gifts flexbox content">
				<li class="gifts-1 cards">
					<a href="">
						<div class="cards-logo">
							<img src="im/Shape 3.png">
						</div>
						<div class="cards-content">
							<p>gift</p>
							<p>voucher</p>
							<div class="cards-pic">
								<img src="im/wave.png">
							</div>
							<span class="cards-money">100<i class="sub">$</i></span>
						</div>
					</a>
				</li>
				<li class="gifts-2 cards">
					<a href="">
						<div class="cards-logo">
							<img src="im/Shape 3.png">
						</div>
						<div class="cards-content">
							<p>gift</p>
							<p>voucher</p>
							<div class="cards-pic">
								<img src="im/wave.png">
							</div>
							<span class="cards-money">100<i class="sub">$</i></span>
						</div>
					</a>
				</li>
				<li class="gifts-3 cards">
					<a href="">
						<div class="cards-logo">
							<img src="im/Shape 3.png">
						</div>
						<div class="cards-content">
							<p>gift</p>
							<p>voucher</p>
							<div class="cards-pic">
								<img src="im/wave.png">
							</div>
							<span class="cards-money">100<i class="sub">$</i></span>
						</div>
						<span class="best">best</span>
					</a>
				</li>
			</ul>
		</div>
	</div> -->
	<!-- 第四个 -->
	<!-- <div class="public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Sed quis ultricies sapien, et bibendum ligula. Nam consequat velit orci, posuere volutpat quam viverra sit amet. Phasellus tempor diam non nunc hendrerit lobortis consectetur at dui. Fusce varius velit eu mauris placerat vulputate.</p>
				</div>
			</div>
		</div>
		<div class="">
			<div class="foll content2">
				<ul class=" followus pub-wrap-all flexbox ">
					<li>
						<img src="im/Layer 686.png">
					</li>
					<li>
						<img src="im/Layer 686.png">
					</li>
					<li>
						<img src="im/Layer 686.png">
					</li>
					<li>
						<img src="im/Layer 686.png">
					</li>
				</ul>
				<a href="#" class="book-class-bc  btn-a btn button-bc border2">book class</a>
			</div>
		</div>
	</div> -->
	<!-- 第五个动画 -->
	<!-- <div class="home-y-f-bc public_wrap">
		<div class="content">
			<div class="home-y-first">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
				<div class="life-us clearfix">
					<ul class="life-way content clearfix">
						<li class="relax theway-l clearfix">
							<p class="home-y-words class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="Energy theway-r clearfix">
							<p class="home-y-words class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="Boost theway-l clearfix">
							<p class="home-y-words class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="Get  theway-r clearfix">
							<p class="home-y-words class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="Enjoy theway-l clearfix">
							<p class="home-y-words class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="Create theway-r clearfix">
							<p class="home-y-words class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
					</ul>
					<img class="daoli" src="im/Woman.png">
				</div>
			</div>
		</div>
	</div> -->		
	<!-- 瑜伽第二张 图片 FITNESS IS LIFESTYLES 第一个-->
	<!-- <div class="home-y-f-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
				<ul class="fitness ourclass flexbox content">
					<li>
						<div class=" home-fit-bc1 home-fitness">
						<img src="im/Shape648.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							</div>
						</a>
						<img src="im/RoundedRectangle650copy 3.png" class="fitness-icon">
					</li>
					<li>
						<div class=" home-fit-bc2 home-fitness">
						<img src="im/Shape647.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							</div>
						</a>
						<img src="im/RoundedRectangle650copy 3.png" class="fitness-icon">
					</li>
					<li>
						<div class=" home-fit-bc3 home-fitness">
						<img src="im/Shape648.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							</div>
						</a>
						<img src="im/RoundedRectangle650copy 3.png" class="fitness-icon">
					</li>
					<li>
						<div class="home-fit-bc4 home-fitness">
						<img src="im/Shape649.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div> -->
	<!--  瑜伽第二张 图片 CHOOSE YOU CLASS第二个 -->
	<!-- <div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			</div>
		</div>
		<div class="pub-wrap-all">
				<ul class="book-class-bottom book-class flexbox content2">
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">   vitae diam vel orci pellen</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">      diam vel orci pellen</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">     diam vel orci pellen</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">     vel orci pellen</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">     vitae diam vel orci pellen</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">     diam vel orci pellen</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">    am vel orci pellen</p>
								</div>
							</a>
					</li>
					<li  class='ourclass-li'>
						<div class="Choose-class">
							<img src="im/Layer52.png">
							<div class="">
								<img class=" Choose-tech  teach" src="im/teacher.png">
							</div>
							<div class="bookclass">
								<a href="">
									<ol class="class-ol border">
										<li>mo</li>
										<li>mp</li>
										<li>nm</li>
									</ol>
									<p class="choose-time class-time ">
										06:30pm - 07:45pm
									</p>
									<span class="border2">class book</span>
								</a>
							</div>
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name home-y-words">Mindful Resilience</p>
									<p class="class-detail home-y-content">     diam vel orci pellen</p>
								</div>
							</a>
					</li>

				</ul>
		</div>
	</div> -->
	<!--瑜伽第二张 第三段  -->
	<!-- <div class="home-day-bc public_wrap">
		<div class="content">
			<div class="watch">
				<ul class="fitness ourclass flexbox content">
					<li>
						<div class="  home-fitness">
						<img src="im/Shape657.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="fitness-logo color">958 days</p>
								<p class="class-detail color">of successful working</p>
							</div>
						</a>
					</li>
					<li>
						<div class="  home-fitness">
						<img src="im/Shape 659.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="fitness-logo color">958 days</p>
								<p class="class-detail color">of successful working</p>
							</div>
						</a>
					</li>
					<li>
						<div class="  home-fitness">
						<img src="im/Shape 663.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="fitness-logo color">958 days</p>
								<p class="class-detail color">of successful working</p>
							</div>
						</a>
					</li>
					<li>
						<div class="  home-fitness">
						<img src="im/Shape 657.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="fitness-logo color">958 days</p>
								<p class="class-detail color">of successful working</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div> -->
	<!-- 瑜伽第二张 tab选项卡  背景为白色 -->
	<!-- <div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="services-wrap">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="services-words home-words">
					<p>Instructors</p>
				</div>
				<div class="services clearfix" style="display:;">
					<ul class="services-tab" id="">
						<li class="first clearfix home-y-cards-bc">
							<img src="im/Layer574.png">
							<div class="ser-tab-left ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     diam vel orci pellen</p>
							</div>
						</li>
						<li class="clearfix home-y-cards-bc">
							<img src="im/Layer574.png">
							<div class="ser-tab-left ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">      vel orci pellen</p>
							</div>
						</li>
						<li class="clearfix home-y-cards-bc">
							<img src="im/Layer574.png">
							<div class="ser-tab-left ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     itae diam vel orci pellen</p>
							</div>
						</li>
					</ul>
					<div class="tab-content">
						<div class="services-f hide ser-tab-right" >
							<div class="ser-tab-left ourclass-details">
									<p class="class-name home-y-words"> Resilience1</p>
									<p class="class-detail home-y-content">   pharetra, faucibus lacus ut, pharetra dui. Cras maximus, nisl sed da . Vestibulum nunc lacus, vulputate a nibh non, pharetra lacinia quam. </p>
							</div>
							<ol class="your-choose clearfix">
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a1 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a2 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a3 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a4 you-cho-a border2">From $ 79.99</a>
								</li>
							</ol>
						</div>
						<div class="services-f ser-tab-right" >
							<div class="ser-tab-left ourclass-details">
									<p class="class-name home-y-words"> Resilience2</p>
									<p class="class-detail home-y-content">     Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien faucibus turpis, eu tincidunt ante erat non quam. Ut laoreet nisl at diam blandit, et sagittis ipsum faucibus. Maecenas ac justo pharetra, faucibus lacus ut, pharetra dui. Cras maximus, nisl sed malesuada dapibus, lectus turpis convallis ante, ac gravida lorem enim ac nisi. Suspendisse volutpat quam sed lectus convallis, porttitor luctus ante tincidunt. Vestibulum nunc lacus, vulputate a nibh non, pharetra lacinia quam. </p>
							</div>
							<ol class="your-choose clearfix">
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a1 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a2 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a3 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a4 you-cho-a border2">From $ 79.99</a>
								</li>
							</ol>
						</div>
						<div class="services-f ser-tab-right" >
							<div class="ser-tab-left ourclass-details">
									<p class="class-name home-y-words"> Resilience3</p>
									<p class="class-detail home-y-content">     Curabitur venenatis, justo Vestibulum nunc lacus, vulputate a nibh non, pharetra lacinia quam. </p>
							</div>
							<ol class="your-choose clearfix">
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a1 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a2 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a3 you-cho-a border2">From $ 79.99</a>
								</li>
								<li class="your-choose-leheight your-choose-li">
									Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien
									<a href="" class="you-cho-a4 you-cho-a border2">From $ 79.99</a>
								</li>
							</ol>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div> -->
	<!-- 瑜伽第二张 last -->
	<!-- <div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="signup-wrap">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class=" content">
					<ul class="sign pub-wrap-all flexbox">
						<li class="sign-up1 sign-up">
							<div class="sign-w ourclass-details">
								<p class="sign-name color">Mindful Resilience</p>
								<div class="sign-con color">
									<p><span>Monday - Friday</span>
									<span>7 am-7 pm</span></p>
									<p><span>Saturday:</span>
									<span>7 am-7 pm</span></p>
									<p><span>Sunday:</span>
									<span>7 am-7 pm</span></p>
								</div>
							</div>
							<img src="im/Layer656.png">
						</li>
						<li class="sign-up2 sign-up">
							<div class="sign-left ourclass-details">
								<input type="text" name="" class="border2" placeholder="Enter your email">
								<a href="" class="submit-sign submit you-cho-a1 color border2">sumit</a>
							</div>
							<img src="im/Layer656.png">
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div> -->
	<!-- 瑜伽的第三张图  -->
	<!-- <div class="home-y-s-bc public_wrap services-wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="services-words home-words">
					<p>Instructors</p>
				</div>
				<div class="why-chooose-wrap clearfix">
					<ul class="why-chooose book-class flexbox">
						<li class=" home-y-cards-bc">
							<img src="im/Shap5229.png">
							<div class=" ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     diam vel orci pellen</p>
							</div>
						</li>
						<li class="home-y-cards-bc">
							<img src="im/Shap5229.png">
							<div class="ser-tab-left ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">      vel orci pellen</p>
							</div>
						</li>
						<li class=" home-y-cards-bc">
							<img src="im/Shap5229.png">
							<div class=" ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     itae diam vel orci pellen</p>
							</div>
						</li>
						<li class=" home-y-cards-bc">
							<img src="im/Shap5229.png">
							<div class="ser-tab-left ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     itae diam vel orci pellen</p>
							</div>
						</li>
						<li class=" home-y-cards-bc">
							<img src="im/Shap5229.png">
							<div class="ser-tab-left ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     itae diam vel orci pellen</p>
							</div>
						</li>
						<li class=" home-y-cards-bc">
							<img src="im/Shap5229.png">
							<div class="ser-tab-left ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     itae diam vel orci pellen</p>
							</div>
						</li>
					</ul>
					<div class="why-ch-left clearfix">
						<div class="" >
							<div class="why-choose-left ser-tab-left ourclass-details">
									<p class="class-name home-y-words"> Resilience1</p>
									<img src="im/Layer 679.png">
							</div>
							<ol class="why-cho-ol your-choose clearfix">
								<li class="your-choose-li">
									Curabitur venenatis eleifend bibendum 
								</li>
								<li class="your-choose-li">
									Curabitur venenatis eleifend bibendum 
								</li>
								<li class="your-choose-li">
									Curabitur venenatis eleifend bibendum 
								</li>
							</ol>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div> -->
	<!-- 瑜伽GYM ONLINE STORE -->
	<!-- <div class="home-y-f-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsatllis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			</div>
		</div>
		<div class="pub-wrap-all">
				<ul class="online-wrap pub-wrap-all flexbox content2">
					<li  class='home-y-s-bc'>
						<div>
							<img src="im/Layer 687.png">
						</div>
							<div class="online ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
								<p class="gym-money money-color">$ 79.99</p>
								<a href="" class="on-button online-add you-cho-a border2">From $ 79.99</a>
							</div>
					</li>
					<li  class='home-y-s-bc'>
						<div>
							<img src="im/Layer 687.png">
						</div>
							<div class="online ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
								<p class="gym-money money-color">$ 79.99</p>
								<a href="" class="on-button online-add you-cho-a border2">From $ 79.99</a>
							</div>
					</li>
					<li  class='home-y-s-bc'>
						<div>
							<img src="im/Layer 687.png">
						</div>
							<div class="online ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
								<p class="gym-money money-color">$ 79.99</p>
								<a href="" class="on-button online-add you-cho-a border2">From $ 79.99</a>
							</div>
					</li>
					<li  class='home-y-s-bc'>
						<div>
							<img src="im/Layer 688.png">
						</div>
							<div class="online ourclass-details">
								<p class="class-name home-y-words">Mindful Resilience</p>
								<p class="class-detail home-y-content">     massa nequePellentesque vitae diam vel orci pellen</p>
								<p class="gym-money money-color">$ 79.99</p>
								<a href="" class="on-button online-add you-cho-a border2">From $ 79.99</a>
							</div>
					</li>
				</ul>
		</div>
	</div> -->
	<!-- 瑜伽GYM -->
	<!-- <div class="summer public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<p class="su-pro">Summer programs</p>
				</div>
				<div class=" su-words color">
					<p>PAY NOW ANDGet 15% discount</p>
				</div>
				<div class="summer-b home-wrap-content">
					<a href="" class="summer-button online-add you-cho-a border2">Become a Member</a>
				</div>
			</div>
		</div>
	</div> -->
	<!-- 瑜伽第三张GYM  our gym  -->
	<!-- <div class=" home-index-seven">
		<div class="content">
			<div class="home-index-seven-top">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>CLASSES TIMETABLE</p>
				</div>
			</div>
			<div class="home-index-seven-middle">
				<ul class="lilist">
					<li><a href="" class="block-a"><i class="block-i      "></i><b></b><span></span>All classes</a></li>
					<li><a href=""><i></i><b></b><span></span>Restorative/Yin</a></li>
					<li><a href=""><i></i><b></b><span></span>Gentle Yoga</a></li>
					<li><a href=""><i></i><b></b><span></span>Mindful Resilience</a></li>
					<li><a href=""><i></i><b></b><span class="last-span"></span>Somatic Yoga</a></li>
					<li><a href=""><i></i><b></b>Mat Pilates</a></li>
				</ul>
			</div>
		</div>
		<div class="home-gym pub-wrap-all flexbox2">
			<img class="hom-gym-fitst" src="im/Layer669.png">
			<img src="im/Layer669.png">
			<img src="im/Layer669.png">
			<img src="im/Layer669.png">
			<img class="hom-gym-last" src="im/Layer669.png">
		</div>
	</div> -->
	<!-- 瑜伽第四张 programs -->
	<!-- <div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="health-color home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			</div>
		</div>
		<div class=" health-programs  pub-wrap-all">
			<ul class="book-class-bottom book-class flexbox content2">
				<li  class='ourclass-li'>
					<div class="Choose-class">
						<img src="im/Layer 607.png">
						<div class="programs-logo-bc programs-logo ">
							<img class="" src="im/Shape 519.png"">
						</div>
					</div>
						<a href="#">
							<div class="programs-con ourclass-details">
								<p class="class-name health-color">Mindful Resilience</p>
								<p class="class-detail home-y-content">   vitae diam vel orci pellen</p>
							</div>
						</a>
				</li>
				<li  class='ourclass-li'>
					<div class="Choose-class">
						<img src="im/Layer 607.png">
						<div class="programs-logo-bc programs-logo ">
							<img class="" src="im/Shape 519.png"">
						</div>
					</div>
						<a href="#">
							<div class="programs-con ourclass-details">
								<p class="class-name health-color">Mindful Resilience</p>
								<p class="class-detail home-y-content">   vitae diam vel orci pellen</p>
							</div>
						</a>
				</li>
				<li  class='ourclass-li'>
					<div class="Choose-class">
						<img src="im/Layer 607.png">
						<div class="programs-logo-bc programs-logo ">
							<img class="" src="im/Shape 519.png"">
						</div>
					</div>
						<a href="#">
							<div class="programs-con ourclass-details">
								<p class="class-name health-color">Mindful Resilience</p>
								<p class="class-detail home-y-content">   vitae diam vel orci pellen</p>
							</div>
						</a>
				</li>
				<li  class='ourclass-li'>
					<div class="Choose-class">
						<img src="im/Layer 607.png">
						<div class="programs-logo-bc programs-logo ">
							<img class="" src="im/Shape 519.png"">
						</div>
					</div>
						<a href="#">
							<div class="programs-con ourclass-details">
								<p class="class-name health-color">Mindful Resilience</p>
								<p class="class-detail home-y-content">   vitae diam vel orci pellen</p>
							</div>
						</a>
				</li>
			</ul>
			<a href="#" class="health-programs-btn  btn-a btn button-bc border2">book class</a>
		</div>
	</div> -->
	<!-- 瑜伽第四张 journey -->
	<!-- <div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="health-color home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			</div>
		</div>
		<div class=" health-programs  pub-wrap-all">
			<ul class="book-class-bottom book-class flexbox content2">
				<li  class='journey-th  home-y-s-bc'>
					<div class="Choose-class">
						<img src="im/Layer 642.png">
						<div class="health-programs-pic programs-logo ">
							<img class="" src="im/teacher.png"">
						</div>
					</div>
					<a href="#">
						<div class="programs-con ourclass-details">
							<p class="class-name health-color">Mindful Resilience</p>
							<p class="class-detail home-y-content">   vitae diam vel orci pellen</p>
						</div>
					</a>
					<div class="journey-class-wrap">
						<a href="#" class="journey-class border2 ">
							<p class="journey-class-p1">17 April, 2017</p>
							<p class="journey-class-p2"> by Jone Doe</p>
						</a>
					</div>
				</li>
				<li  class='journey-th  home-y-s-bc'>
					<div class="Choose-class">
						<img src="im/Layer 642.png">
						<div class="health-programs-pic programs-logo ">
							<img class="" src="im/teacher.png"">
						</div>
					</div>
					<a href="#">
						<div class="programs-con ourclass-details">
							<p class="class-name health-color">Mindful Resilience</p>
							<p class="class-detail home-y-content">   vitae diam vel orci pellen</p>
						</div>
					</a>
					<div class="journey-class-wrap">
						<a href="#" class="journey-class border2 ">
							<p class="journey-class-p1">17 April, 2017</p>
							<p class="journey-class-p2"> by Jone Doe</p>
						</a>
					</div>
				</li>
				<li  class='journey-th  home-y-s-bc'>
					<div class="Choose-class">
						<img src="im/Layer 642.png">
						<div class="health-programs-pic programs-logo ">
							<img class="" src="im/teacher.png"">
						</div>
					</div>
					<a href="#">
						<div class="programs-con ourclass-details">
							<p class="class-name health-color">Mindful Resilience</p>
							<p class="class-detail home-y-content">   vitae diam vel orci pellen</p>
						</div>
					</a>
					<div class="journey-class-wrap">
						<a href="#" class="journey-class border2 ">
							<p class="journey-class-p1">17 April, 2017</p>
							<p class="journey-class-p2"> by Jone Doe</p>
						</a>
					</div>
				</li>
				<li  class='journey-th  home-y-s-bc'>
					<div class="Choose-class">
						<img src="im/Layer 642.png">
						<div class="health-programs-pic programs-logo ">
							<img class="" src="im/teacher.png"">
						</div>
					</div>
					<a href="#">
						<div class="programs-con ourclass-details">
							<p class="class-name health-color">Mindful Resilience</p>
							<p class="class-detail home-y-content">   vitae diam vel orci pellen</p>
						</div>
					</a>
					<div class="journey-class-wrap">
						<a href="#" class="journey-class border2 ">
							<p class="journey-class-p1">17 April, 2017</p>
							<p class="journey-class-p2"> by Jone Doe</p>
						</a>
					</div>
				</li>
			</ul>
		</div>
	</div> -->
	<!-- 瑜伽第四张 health - server for you  -->
	<!-- <div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="services-wrap">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="health-color home-words">
					<p>Instructors</p>
				</div>
				<div class="services clearfix" style="display:;">
					<ul class="health-services" >
						<li class="clearfix ">
							<div class="health-ser-cen ourclass-details">
								<p class="health-ser-p1 health-color">Mindful Resilience</p>
								<p class="class-detail home-y-content">     itae diam vel orci pellen</p>
							</div>
						</li>
						<li class="clearfix ">
							<div class="health-ser-cen ourclass-details">
								<p class="health-ser-p1 health-color">Mindful Resilience</p>
								<p class="class-detail home-y-content">     itae diam vel orci pellen</p>
							</div>
						</li>
						<li class="clearfix ">
							<div class="health-ser-cen ourclass-details">
								<p class="health-ser-p1 health-color">Mindful Resilience</p>
								<p class="class-detail home-y-content">     itae diam vel orci pellen</p>
							</div>
						</li>
						<li class="clearfix ">
							<div class="health-ser-cen ourclass-details">
								<p class="health-ser-p1 health-color">Mindful Resilience</p>
								<p class="class-detail home-y-content">     itae diam vel orci pellen</p>
							</div>
						</li>
					</ul>
					<div class="tab-content">
						<div class="health-services-f hide health-ser-center" >
							<div class="health-ser-left ser-tab-left ourclass-details">
									<p class="health-color class-name "> Resilience3</p>
									<p class="class-detail home-y-content">     Curabitur venenatis, justo eleifend bibendum suscipit, risus sapien faucibus turpis, eu tincidunt ante erat non quam. Ut laoreet nisl at diam blandit, et sagittis ipsum faucibus. Maecenas ac justo pharetra, faucibus lacus ut, pharetra dui. Cras maximus, nisl sed malesuada dapibus, lectus turpis.. </p>
							</div>
							<ol class="your-choose clearfix">
								<li class="health-ser-li  your-choose-li home-y-content">
									Cras maximus, nisl sed malesuada dapibus, lectus turpis
									
								</li>
								<li class="health-ser-li your-choose-li home-y-content">
									Cras maximus, nisl sed malesuada dapibus, lectus turpis
									
								</li>
								<li class="health-ser-li your-choose-li home-y-content">
									Cras maximus, nisl sed malesuada dapibus, lectus turpis
									
								</li>
								<li class="health-ser-li your-choose-li home-y-content">
									Cras maximus, nisl sed malesuada dapibus, lectus turpis
								</li>
							</ol>
						</div>
					</div>
					<div class="green-shucai">
						<img src="im/Layer 625.png">
					</div>
				</div>
			</div>
		</div>
	</div> -->
	<!-- 瑜伽 第五张 1 Coach Coach Personal training-->
	<!-- <div class=" public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
				<div class="life-us clearfix">
					<ul class="coach-training life-way content clearfix">
						<li class="Flexibility  theway-l clearfix">
							<p class="coach-color class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="coach-energy theway-r clearfix" style="right: 0px; top: 0px;">
							<p class="coach-color class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="coach-boost theway-l clearfix">
							<p class="coach-color class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="coach-Get theway-r   clearfix" style="right: 0px; top: 0px;">
							<p class="coach-color class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="coach-Enjoy  theway-l  clearfix">
							<p class="coach-color class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="coach-Create theway-r clearfix" style="right: 0px; top: 0px;">
							<p class="coach-color class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
					<img class="beauty" src="im/Layer 578.png">
				</div>
			</div>
		</div>
	</div> -->
	<!-- 瑜伽 第五张 2 Coach Train For FREE Today -->
	<!-- <div class="coach-summer public_wrap">
		<div class="content">
			<div class="">
				<div class=" option-top home-logo">
					<p class="su-pro">Train For FREE Today</p>
				</div>
				<div class="coach-p1-wrap color">
					<p class="coach-p1">Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
				<div class="summer-b home-wrap-content">
					<a href="" class="coach-button summer-button home-y-s-bc you-cho-a border2">Become a Member</a>
				</div>
			</div>
		</div>
	</div> -->
	<!-- 瑜伽第五张 6  Coach Give the gift  -->
	<!-- <div class="coach-summer public_wrap">
		<div class="content">
			<div class="option-top give-wrap">
				<div class="give home-logo">
					<p class="su-pro">Give the gift of health and happiness</p>
				</div>
				<div class="summer-b home-wrap-content">
					<a href="" class="coach-button summer-button home-y-s-bc you-cho-a border2">Become a Member</a>
				</div>
			</div>
		</div>
	</div> -->
	<!-- 瑜伽第五张 8 Coach PERSONAL TRAINING OPTIONS -->
	<!-- <div class="coach-summer public_wrap">
		<div class="content">
			<div class="">
				<div class="option-top color home-words">
					<p>PERSONAL TRAINING OPTIONS</p>
				</div>
			</div>
		</div>
		<div class="pub-wrap-all">
			<div class="option-programs content">
				<ul class=" ourclass flexbox">
					<li>
						<div class="options-img instructors">
						<img src="im/_01_03.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="nations-p1 upcoming-words">MindfulRence</p>
								<p class="nations-p2 upcoming-words"> diam orci pellen</p>
							</div>
						</a>
					</li>
					<li>
						<div class="options-img instructors">
						<img src="im/_01_03.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="nations-p1 upcoming-words">MindfulRence</p>
								<p class="nations-p2 upcoming-words"> diam orci pellen</p>
							</div>
						</a>
					</li>
					<li>
						<div class="options-img instructors">
						<img src="im/_01_03.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="nations-p1 upcoming-words">MindfulRence</p>
								<p class="nations-p2 upcoming-words"> diam orci pellen</p>
							</div>
						</a>
					</li>
					<li>
						<div class="options-img instructors">
						<img src="im/_01_03.png">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="nations-p1 upcoming-words">MindfulRence</p>
								<p class="nations-p2 upcoming-words"> diam orci pellen</p>
							</div>
						</a>
					</li>
				</ul>
				<a href="#" class="choose-up-bc Choose-op  border2 color">Choose Your Option</a>
			</div>
		</div>
	</div> -->
	<!-- 瑜伽第五张 10 Coach practice session -->
	<!-- <div class="home-y-s-bc public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="home-y-words home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
			</div>
		</div>
		<div class="home-class pub-wrap-all">
				<ul class="ourclass flexbox content2">
					<li  class='practice-li'>
						<div>
							<img src="im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name practice-color">Mindful Resilience</p>
									<p class="class-detail home-y-content">Nullam tristique, lorem eu laoreet rhoncus, leo velit bibendum justo, ut luctus erat massa neque</p>
								</div>
							</a>
					</li>
					<li  class='practice-li'>
						<div>
							<img src="im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name practice-color">Mindful Resilience</p>
									<p class="class-detail home-y-content">Nullam tristique, lorem eu laoreet rhoncus, leo velit bibendum justo, ut luctus erat massa neque</p>
								</div>
							</a>
					</li>
					<li  class='practice-li'>
						<div>
							<img src="im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name practice-color">Mindful Resilience</p>
									<p class="class-detail home-y-content">Nullam tristique, lorem eu laoreet rhoncus, leo velit bibendum justo, ut luctus erat massa neque</p>
								</div>
							</a>
					</li>
					<li  class='practice-li'>
						<div>
							<img src="im/Layer705.png">
						</div>
							<a href="#">
								<div class="ourclass-details">
									<p class="class-name practice-color">Mindful Resilience</p>
									<p class="class-detail home-y-content">Nullam tristique, lorem eu laoreet rhoncus, leo velit bibendum justo, ut luctus erat massa neque</p>
								</div>
							</a>
					</li>
				</ul>
		</div>
	</div> -->
	<!-- 瑜伽第五张 -4 work with you  -->
	<div class="coach-work public_wrap">
		<div class="content">
			<div class="">
				<div class="home-logo">
					<img src="im/Vector Smart Object.png">
				</div>
				<div class="upcoming-words home-words">
					<p>Instructors</p>
				</div>
				<div class="color home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
				<div class="ourclass flexbox">
					<table class="work-table">
						<tbody >
							<tr>
								<td>Monday</td>
								<td colspan='2'>10:00 – 13:00 / 14:00 – 15:00 / 17:00 – 18:00</td>
								<td></td>
							</tr>
							<tr>
								<td>Monday</td>
								<td colspan='2'> 17:00 – 18:00</td>
								
							</tr>
							<tr>
								<td>Monday</td>
								<td colspan='2'>17:00 – 18:00</td>
							
							</tr>
							<tr>
								<td>Monday</td>
								<td colspan='2'>10:00 – 13:00 17:00 – 18:00</td>
							
							</tr>
							<tr>
								<td>Monday</td>
								<td colspan='2'>10:00 – 13:00  17:00 – 18:00</td>
							
							</tr>
							<tr>
								<td>Monday</td>
								<td colspan='2'>10:00 – 18:00</td>
							</tr>
						</tbody>
					</table>
					<ul class="work-progress">
						<li>
							<span class="span-left color">Breathing</span>
							<span class="span-right color">65%</span>
							<p class="work-p">
								<input  type="range" name="" class="input-b">
							</p>
						</li>
						<li>
							<span class="span-left color">Breathing</span>
							<span class="span-right color">65%</span>
							<p class="work-p2 work-p">
								<input  type="range" name="" class="input-b">
							</p>
						</li>
						<li>
							<span class="span-left color">Breathing</span>
							<span class="span-right color">65%</span>
							<p class="work-p3 work-p">
								<input  type="range" name="" class="input-b">
							</p>
						</li>
						<li>
							<span class="span-left color">Breathing</span>
							<span class="span-right color">65%</span>
							<p class="work-p">
								<input  type="range" name="" class="input-b">
							</p>
						</li>
						<li>
							<span class="span-left color">Breathing</span>
							<span class="span-right color">65%</span>
							<p class="work-p4 work-p">
								<input  type="range" name="" class="input-b">
							</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 瑜伽第五张 6 work with you  -->
	<!-- <div class="one-on-one public_wrap">
		<div class="pub-wrap-all content2">
			<div class="option-programs content">
				<ul class=" ourclass flexbox">
					<li>
						<div class="options-img one-img-wrap">
						<img src="im/Shape 5229.png" class="one-img">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="nations-p1 upcoming-words">One-on-One Training</p>
								<p class="nations-p2 color2 line-height "> Sed ut metus quis metus commodo accumsan. Cras a nunc quis velit convallis.</p>
							</div>
						</a>
					</li>
					<li>
						<div class="options-img one-img-wrap">
						<img src="im/Shape 5229.png" class="one-img">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="nations-p1 upcoming-words">One-on-One Training</p>
								<p class="nations-p2 color2 line-height "> Sed ut metus quis metus commodo accumsan. Cras a nunc quis velit convallis.</p>
							</div>
						</a>
					</li>
					<li>
						<div class="options-img one-img-wrap">
						<img src="im/Shape 5229.png" class="one-img">
						</div>
						<a href="#">
							<div class="ourclass-details">
								<p class="nations-p1 upcoming-words">One-on-One Training</p>
								<p class="nations-p2 color2 line-height "> Sed ut metus quis metus commodo accumsan. Cras a nunc quis velit convallis.</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div> -->
	<!-- 瑜伽第五张 last  Consultation -->
	<!-- <div class="coach-summer public_wrap">
		<div class="content">
			<div class="">
				<div class=" option-top home-logo">
					<p class="su-pro">Train For FREE Today</p>
				</div>
				<div class="coach-p1-wrap color">
					<p class="coach-p1">Pellentesque aliquet sed magna consequat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
				<div class="Consultation pub-wrap-all flexbox2 ">
					<input type="text" name="" class="border2" placeholder="Enter email">
					<input type="text" name="" class="border2" placeholder="Enter email">
				</div>
				<div class="textarea">
					<textarea ></textarea>
				</div>
				<div class="summer-b home-wrap-content">
					<a href="" class="coach-button summer-button home-y-s-bc you-cho-a border2">Become a Member</a>
				</div>
			</div>
		</div>
	</div> -->
	<!-- 瑜伽第6张  Donce services-->
	<!-- <div class="home-y-f-bc public_wrap">
		<div class="content">
			<div class="home-y-first">
				<div class="home-logo">
					<img src="im/Vector Smart Object5.png">
				</div>
				<div class="Donce-serv-w home-words">
					<p>Instructors</p>
				</div>
				<div class="home-y-content home-wrap-content">
					<p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
				</div>
				<div class="life-us clearfix">
					<ul class="life-way2 life-way content clearfix">
						<li class="relax2 theway-l theway-l2 clearfix">
							<p class="Donce-serv-w class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="Energy2 theway-r theway-r2 clearfix">
							<p class="Donce-serv-w class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="Boost2 theway-l theway-l2  clearfix">
							<p class="Donce-serv-w class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="Get2  theway-r theway-r2 clearfix">
							<p class="Donce-serv-w class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="Enjoy2 theway-l theway-l2  clearfix">
							<p class="Donce-serv-w class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
						<li class="Create2 theway-r theway-r2 clearfix">
							<p class="Donce-serv-w class-name">Flexibility of your body</p>
							<p class="home-wrap-content home-y-content">
								ellentesque molestie erat justo tempus,imperdiet feugia
							</p>
						</li>
					</ul>
					<img class="daoli" src="im/Woman.png">
				</div>
			</div>
		</div>
	</div> -->





	<script type="text/javascript">
		//第二张选项卡的js
		var lilist = $(".services-tab li")
		var divlist = $(".tab-content>div")
		for(var i = 0 ;i < lilist.length;i++){
			 $(lilist[i]).attr("index",i)
			 $(lilist[0]).css({
			 		'opacity':'1'
			 	});
			 $(lilist[i]).css({
			 		'opacity':'0.5'
			 	});
			 $(lilist[i]).click(function(){
			 	var index = $(this).attr("index")
			 	$(lilist).css({
			 		'opacity':'0.5'
			 	});
			 	$(this).css({
			 		'opacity':'1'
			 	});
			 	$(divlist).css({
			 		'display':'none'
			 	});
			 	$(divlist[index]).css({
			 		'display':'block'
			 	})
			})
		}
		//选项卡 end
		$(".relax ").animate({
      		left:'0px',
      		top:"0px"
   		});
   		$(".Boost ").animate({
      		left:'0px',
      		top:"138px"
   		});
   		$(".Enjoy").animate({
      		left:'0px',
      		top:"276px"
   		});
   		$(".Energy").animate({
      		right:'0px',
      		top:"0px"
   		});
   		$(".Get").animate({
      		right:'0px',
      		top:"138px"
   		});
   		$(".Create").animate({
      		right:'0px',
      		top:"276px"
   		});

   		// 第6张动画
   		$(".relax2 ").animate({
      		right:'0px',
      		top:"0px"
   		});
   		$(".Boost2 ").animate({
      		right:'0px',
      		top:"198px"
   		});
   		$(".Enjoy2").animate({
      		right:'0px',
      		top:"386px"
   		});
   		$(".Energy2").animate({
      		left:'0px',
      		top:"0px"
   		});
   		$(".Get2").animate({
      		left:'0px',
      		top:"198px"
   		});
   		$(".Create2").animate({
      		left:'0px',
      		top:"386px"
   		});



   		$(".Flexibility").animate({
      		left:'0px',
      		top:"5px"
   		});
   		$(".coach-boost ").animate({
      		left:'0px',
      		top:"203px"
   		});
   		$(".coach-Enjoy").animate({
      		left:'px',
      		top:"401px"
   		});
   		$(".coach-Energy").animate({
      		right:'0px',
      		top:"5px"
   		});
   		$(".coach-Get").animate({
      		right:'0px',
      		top:"203px"
   		});
   		$(".coach-Create").animate({
      		right:'0px',
      		top:"401px"
   		});
	</script>
</body>
</html>